<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>凡辰网络</title>
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/animate.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/wow.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <!-- 引入favicon图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
</head>
<script type="text/javascript">
    new WOW().init();
</script>
<body>
<header>
    <div class="container">
        <a href="" class="logo">
            <img src="./images/logo1.png?1" alt="" style="margin-right: 0px">
            <div class="logo-rig">
                <h3 style="margin-left: 10px;">凡辰网络</h3>
                <p>FANCHENNETWORK</p>
            </div>
        </a>
        <ul>
            <li><a href="#index" class="active">首页</a></li>
            <li><a href="#service">服务推荐</a></li>
            <li><a href="#case">案例展示</a></li>
            <li><a href="#good">我们的优势</a></li>
            <li><a href="#team">合作流程</a></li>
            <li><a href="">关于我们</a></li>
        </ul>
    </div>
</header>
<div class="banner">
    <div class="swiper-container">
        <ul class="swiper-wrapper">
            <li class="swiper-slide">
                <img src="./images/banner.jpg" alt="">
                <div class="container">
                    <h3>凡辰网络</h3>
                    <p>凡辰网络专注于互联网软件设计与开发，</p>
                    <p>立足于客户需求，分析、研究客户需求行为,</p>
                    <p>凭借多年经验，为您提供最专业的服务。</p>
                </div>
            </li>
            <li class="swiper-slide">
                <img src="./images/banner.jpg" alt="">
                <div class="container">
                    <h3>凡辰网络</h3>
                    <p>凡辰网络专注于互联网软件设计与开发，</p>
                    <p>立足于客户需求，分析、研究客户需求行为,</p>
                    <p>凭借多年经验，为您提供最专业的服务。</p>
                </div>
            </li>
        </ul>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
    </div>
</div>
<div id="index">
    <div class="container">
        <div class="wow bounceInLeft" data-wow-duration="2s" data-wow-delay="1s">
        <div class="toop1">
            <h3>凡辰能为您做什么？</h3>
            <p>达到您的要求，才是我们的目标，追求卓越，打造完美服务品质，专业的事情交由我们来做。</p>
        </div>
        </div>
        <div class="wow bounceInRight" data-wow-duration="2s" data-wow-delay="1s">
        <ul>
            <li><a href="">
                <div class="index-top">
                    <h3>凡辰网络</h3>
                </div>
                <div class="index-bot">
                    <h3>APP定制开发</h3>
                    <p>社交app、生活服务app、商城app、新闻资讯app</p>
                </div>
            </a></li>

            <li><a href="">
                <img src="./images/a1.png" alt="">
                <p>小程序开发</p>
            </a></li>
            <li><a href="">
                <img src="./images/a2.png" alt="">
                <p>微信公众号</p>
            </a></li>
            <li><a href="">
                <img src="./images/a3.png" alt="">
                <p>网站建设</p>
            </a></li>
        </ul>
        </div>
    </div>
</div>
<div id="service">
    <div class="container">
        <div class="wow bounceInDown" data-wow-duration="2s" data-wow-delay="1s">
        <div class="toop">
            <h3>精品服务推荐</h3>
        </div>
        </div>
        <div class="wow bounceInUp" data-wow-duration="2s" data-wow-delay="1s">
        <ul>
            <li><a href="">
                <img src="./images/b1.png" alt="">
                <h3>接口开发</h3>
                <p>支付通道、API接口</p>
            </a></li>
            <li><a href="">
                <img src="./images/b2.png" alt="">
                <h3>三级分销</h3>
                <p>区域分销、供应商分销、单品分销、3*3分销</p>
            </a></li>
            <li><a href="">
                <img src="./images/b3.png" alt="">
                <h3>小程序开发</h3>
                <p>外卖点餐小程序、团购小程序、服务小程序</p>
        </a></li>
        </ul>
        </div>
    </div>
</div>
<div id="case">
    <div class="container">
        <div class="wow bounceInDown" data-wow-duration="2s" data-wow-delay="1s">
        <div class="toop">
            <h3>案例展示</h3>
        </div>
        </div>
        <div class="wow lightSpeedIn" data-wow-duration="2s" data-wow-delay="1s">
        <ul>
            <li>
                <img src="./images/c1.png" alt="">
                <div class="hover">
                    <a href="" class="want">我也想做</a>
                    <a href="" class="show">预览</a>
                </div>
            </li>
            <li>
                <img src="./images/c2.png" alt="">
                <div class="hover">
                    <a href="" class="want">我也想做</a>
                    <a href="" class="show">预览</a>
                </div>
            </li>
            <li>
                <img src="./images/c3.png" alt="">
                <div class="hover">
                    <a href="" class="want">我也想做</a>
                    <a href="" class="show">预览</a>
                </div>
            </li>
            <li>
                <img src="./images/c4.png" alt="">
                <div class="hover">
                    <a href="" class="want">我也想做</a>
                    <a href="" class="show">预览</a>
                </div>
            </li>
        </ul>
        </div>
    </div>
</div>
<div id="good">
    <div class="container">
        <div class="wow bounceInDown" data-wow-duration="2s" data-wow-delay="1s">
        <div class="toop">
            <h3>我们的优势</h3>
        </div>
        </div>
        <div class="wow flipInY" data-wow-duration="2s" data-wow-delay="1s">
        <ul>
            <li></li>
            <li></li>
            <li>
                <span>1</span>
                <div class="process">
                    <h3>专业</h3>
                    <p>坚持原创品质，精益求精</p>
                </div>
            </li>
            <li></li>
            <li>
                <span>2</span>
                <div class="process">
                    <h3>服务</h3>
                    <p>了解客户需求，为客户制定合适的解决方案</p>
                </div>
            </li>
            <li></li>
            <li>
                <span>3</span>
                <div class="process">
                    <h3>信任</h3>
                    <p>我们的原则是从来不做一次性买卖，您的信任是我们的追求</p>
                </div>
            </li>
            <li></li>
            <li>
                <span>4</span>
                <div class="process">
                    <h3>售后</h3>
                    <p>专人7*12小时技术维护
                        专人顾问式后期跟进</p>
                </div>
            </li>
            <li></li>
            <li></li>
        </ul>
        </div>
    </div>
</div>
<div id="title">
    <div class="wow pulse" data-wow-duration="2s" data-wow-delay="1s">
     <div class="title-con">
         <div class="tit-top">
             <img src="./images/logo1.png?1" alt="">
             <h3>凡辰网络</h3>
         </div>
         <p>达到您的要求，才是我们的目标，追求卓越，</p>
         <p>打造完美服务品质，专业的事情交由我们来做。</p>
     </div>
    </div>
</div>
<div id="team">
    <div class="container">
        <div class="wow bounceInDown" data-wow-duration="2s" data-wow-delay="1s">
        <div class="toop">
            <h3>合作流程</h3>
        </div>
        </div>
        <div class="wow bounceInLeft" data-wow-duration="2s" data-wow-delay="1s">
        <ul class="team-con">
            <li>
                <div class="top">
                    <h3>前期沟通</h3>
                </div>
                <p>坚持原创品质精益求精</p>
            </li>
            <li>
                <div class="top">
                    <h3>签订合同</h3>
                </div>
                <p>签订合同  支付定金</p>
            </li>
            <li>
                <div class="top">
                    <h3>项目实施</h3>
                </div>
                <p>页面设计  程序开发
                    内部测试  客户测试</p>
            </li>
            <li>
                <div class="top">
                    <h3>正式部署</h3>
                </div>
                <p>服务器及  相关部署
                    正式交付</p>
            </li>
            <li>
                <div class="top">
                    <h3>后期合作</h3>
                </div>
                <p>后期合作</p>
            </li>
        </ul>
        </div>
    </div>
</div>
<!-- <div id="partner">
    <div class="container">
        <div class="wow bounceInDown" data-wow-duration="2s" data-wow-delay="1s">
        <div class="toop">
            <h3>合作伙伴</h3>
        </div>
        </div>
        <div class="wow bounceInRight" data-wow-duration="2s" data-wow-delay="1s">
        <ul>
            <li><img src="./images/h1.jpg" alt="">
                <img src="./images/hover.png" alt="" class="hover"></li>
            <li><img src="./images/h1.jpg" alt="">
                <img src="./images/hover.png" alt="" class="hover"></li>
            <li><img src="./images/h1.jpg" alt="">
                <img src="./images/hover.png" alt="" class="hover"></li>
            <li><img src="./images/h1.jpg" alt="">
                <img src="./images/hover.png" alt="" class="hover"></li>
            <li><img src="./images/h1.jpg" alt="">
                <img src="./images/hover.png" alt="" class="hover"></li>
            <li><img src="./images/h1.jpg" alt="">
                <img src="./images/hover.png" alt="" class="hover"></li>
            <li><img src="./images/h1.jpg" alt="">
                <img src="./images/hover.png" alt="" class="hover"></li>
            <li><img src="./images/h1.jpg" alt="">
                <img src="./images/hover.png" alt="" class="hover"></li>
        </ul>
        </div>
    </div>
</div> -->
<footer style="height: 113px;">
    <p><i class="icon iconfont el-icon-shenfen-dianhua"></i>联系电话：0359-8296111/0359-8236111</p>
    <p> QQ:806708717</p>
    <p><div style="text-align: center;color:#999;">备案号：<a style="color:#999;"  href="https://beian.miit.gov.cn/"  target="_blank">晋ICP备19002991号</a></div></p>
</footer>
</body>
</html>
